<div id="active-manage-view">
  <div class="pageheader">
    <h2><i class="fa fa-home"></i>活动信息明细</h2>
    <div class="al-header-right">
      <button type="button" class="btn btn-warning" ng-click="$root.goBack('active-manage')">返回</button>
    </div>
  </div>
  <div class="page">
    <div class="al-list-container">
      <ng-form name="modalForm" class="form-horizontal al-search-container" role="form">
        <div class="form-group">
          <label class="col-sm-3 control-label">活动类型</label>
          <div class="col-sm-6">
            <select ng-model="data.type" class="form-control" disabled
                    ng-options="option.code as option.name for option in activeTypeList">
            </select>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">活动名称<span class="attr-need">*</span></label>
          <div class="col-sm-6">
            <input class="form-control" ng-model="data.name" type="text"
                   required name="name" readonly
                   placeholder="" maxlength="50"/>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">活动封面</label>
          <div class="col-sm-6">
            <div class="wf-thumbnail-container">
              <img ng-src="{{data.thumb}}" class="wf-thumbnail" alt="找不到该图片">
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">发起方</label>
          <div class="col-sm-6">
            <input class="form-control" ng-model="data.organizer" type="text" readonly
                   placeholder="" maxlength="50"/>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">短信验证</label>
          <div class="col-sm-6">
            <select ng-model="detail.needVerify" class="form-control" disabled
                    ng-options="option.value as option.name for option in needVerifyList">
            </select>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">收费类型</label>
          <div class="col-sm-6">
            <select ng-model="data.needFee" class="form-control" readonly
                    ng-options="option.value as option.name for option in costTypeList">
            </select>
          </div>
        </div>
        <div class="form-group" ng-show="data.needFee">
          <label class="col-sm-3 control-label">收费金额<span class="attr-need">*</span></label>
          <div class="col-sm-6">
            <input class="form-control" ng-model="data.enterFee" type="text" readonly
                   ng-required="data.needFee" name="enterFee" ng-pattern="/^(0|[1-9][0-9]*)+(.[0-9]{1,2})?$/"
                   placeholder="" maxlength="50"/>
            <div class="help-block with-errors"
                 ng-if="modalForm.enterFee.$invalid && !modalForm.enterFee.$pristine">
              请填写有效的收费金额
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">活动地址</label>
          <div class="col-sm-6">
            <div class="input-group">
              <input class="form-control" ng-model="detail.address" type="text" disabled
                     placeholder="" maxlength="50"/>
              <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="showAddress()">
                  <i class="glyphicon glyphicon-map-marker"></i>
                </button>
              </span>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">活动简介</label>
          <div class="col-sm-6">
            <input class="form-control" ng-model="detail.brief" type="text" readonly
                   placeholder="" maxlength="50"/>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">活动报名字段</label>
          <div class="col-sm-6">
            <div class="text-tag" ng-repeat="param in detail.params">
              {{param.paramName}}
            </div>
          </div>
        </div>

        <!--<div class="form-group">-->
          <!--<label class="col-sm-3 control-label">签到二维码</label>-->
          <!--<div class="col-sm-6">-->
            <!--<div class="horizontal-center" id="active-qrcode">-->

            <!--</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div class="form-group">-->
          <!--<label class="col-sm-3 control-label">报名信息</label>-->
          <!--<div class="col-sm-6">-->
            <!--<button class="btn btn-primary" ng-click="configParam()">配置报名字段</button>-->
            <!--<span class="main-text-color">已配置了{{data.paramList.length+data.customParamList.length}}个字段&nbsp;></span>-->
          <!--</div>-->
        <!--</div>-->
        <div class="form-group">
          <label class="col-sm-3 control-label">活动开始时间</label>
          <div class="col-sm-6">
            <div class="input-group">
              <input class="form-control" type="text" readonly
                     ng-model="data.startTime"/>
              <span class="input-group-btn">
                <button type="button" class="btn btn-default">
                  <i class="glyphicon glyphicon-calendar"></i>
                </button>
              </span>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">活动结束时间</label>
          <div class="col-sm-6">
            <!--datepicker-options="dateOptions"-->
            <div class="input-group">
              <input class="form-control" type="text" readonly
                     ng-model="data.endTime"/>
              <span class="input-group-btn">
                <button type="button" class="btn btn-default">
                  <i class="glyphicon glyphicon-calendar"></i>
                </button>
              </span>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">报名开始时间</label>
          <div class="col-sm-6">
            <div class="input-group">
              <input class="form-control" type="text" readonly
                     ng-model="data.enterStart"/>
              <span class="input-group-btn">
                <button type="button" class="btn btn-default">
                  <i class="glyphicon glyphicon-calendar"></i>
                </button>
              </span>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">报名截止时间</label>
          <div class="col-sm-6">
            <!--datepicker-options="dateOptions"-->
            <div class="input-group">
              <input class="form-control" type="text" readonly
                     ng-model="data.enterEnd"/>
              <span class="input-group-btn">
                <button type="button" class="btn btn-default">
                  <i class="glyphicon glyphicon-calendar"></i>
                </button>
              </span>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">活动内容</label>
          <div class="col-sm-6">
            <div id="activeDetailContent" class="form-control" style="height:auto;min-height: 250px;"
                 ng-bind-html="detail.content">
            </div>
          </div>
        </div>
      </ng-form>
      <div class="al-no-data" ng-show="tableData.length==0">
        尚无用户报名<br>
      </div>
      <table ng-table="tableParams" ng-show="tableData.length>0"
             class="table  table-bordered table-striped table-condensed al-table-container">
        <caption>
          活动用户信息
        </caption>
        <thead>
        <tr>
          <!--<th>名字</th>-->
          <!--<th>手机号</th>-->
          <th ng-repeat="param in paramList">{{param.paramName}}</th>
          <th>报名时间</th>
          <th>状态</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="item in $data">
          <!--<td>{{item.name}}</td>-->
          <!--<td>{{item.phone}}</td>-->
          <td ng-repeat="param in item.param">{{param.paramValue}}</td>
          <td>{{item.enterTime|dateTransfer:'YYYY-MM-DD HH:mm:ss'}}</td>
          <td>{{item.statusName}}</td>

          <!--<td>-->
            <!--<button class="btn btn-primary btn-sm"-->
                    <!--ng-click="viewPerson(item)">查看-->
            <!--</button>-->
          <!--</td>-->
        </tr>
        </tbody>
      </table>
    </div>

  </div>
</div>
